<template>
	<view class="page">
		<image class="logo" src="/static/gl_tousu_bg.jpg" mode="widthFix"></image>
		<view class="phone_view">
			<view class="title_phone">服务热线</view>
			<view class="phone" @click="callPhone">400-000-1239</view>
			<view class="phone">转 3</view>
		</view>
		<navigator :url="'complain?userId='+userId" class="navigatior">
			<view class="navigator_btn">我已阅读并知晓</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userId:''
			}
		},
		onLoad(e) {
			// console.log('{"type":"hideNavigationBar"}');
			console.log('---'+JSON.stringify(e));
			
			console.log('==='+uni.getStorageSync('complain_userId'))
			this.userId = uni.getStorageSync('complain_userId');
			console.log(this.userId);
		},
		onNavigationBarButtonTap() {
			uni.navigateBack({
				
			});
			console.log('{"type":"closeThisWebview"}');
		},
		onBackPress() {
			uni.navigateBack({
				
			});
		},
		methods: {
			callPhone() {
				uni.makePhoneCall({
				    phoneNumber: '400-000-1239' //仅为示例
				});
			}
		}
	}
</script>

<style>
	page {
		background-color: white;
	}
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		/* height: auto; */
		width: 100%;
		/* margin-top: 64px; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}
	.phone_view {
		line-height: 20px;
		text-align: center;
	}
	.title_phone {
		font-size: 14px;
		display: inline-block;
	}
	.phone {
		font-size: 14px;
		display: inline-block;
		color: #19c99a;
		margin-left: 10px;
	}
	.navigatior {
		/* line-height: 20px; */
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.navigator_btn {
		background-color: #19c99a;
		color: white;
		border: 1px solid #19C99A;
		border-radius: 4px;
		font-size: 14px;
		padding:5px 10px;
		width: 40%;
		margin-left: 30%;
		text-align: center;
	}
	.navigator_btn:after {
		border: none;
	}

</style>
